.investScreen-container {
  width: 100%;
  height: 100%;
  .dataScreen {
    background: #0d0e16;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    // transition: transform 0.3s;
    transform-origin: left top;
    .investScreen-main {
      position: absolute;
      top: 110px;
      height: 90%;
      display: flex;
      width: 100%;
      padding: 17px 27px 17px;
      background: url("@/assets/screenImg/leaderImg/leaderBg.png") no-repeat;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-position: center;
      background-size: 100% 100%;
      .dataScreen-lf {
        width: 545px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background: url("@/assets/screenImg/commonImg/leftBg.png") no-repeat;
        background-size: 100% 100%;
        .lf-top,
        .lf-bottom {
          width: 100%;
        }
        .lf-top {
          flex: 3;
          .lf-top-cn {
            width: 100%;
            height: calc(100% - 60px);
            padding: 30px 20px 0;
            .selectBox {
              display: flex;
              align-items: center;
              margin-bottom: 20px;
              .selectLable {
                font-size: 16px;
                color: #d3e3ff;
              }
            }
            .tableBox {
              height: calc(100% - 48px);
            }
          }
        }
        .lf-bottom {
          flex: 2;
          .lf-bottom-title {
            width: 100%;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: space-around;
            .title-left-img {
              width: 235px;
              height: 33px;
              img {
                width: 100%;
                height: 100%;
              }
            }
            .title-right-btns {
              display: flex;
              .btnDefault {
                width: 47px;
                height: 22px;
                line-height: 22px;
                text-align: center;
                font-size: 12px;
                color: #74a0ff;
                background: url("@/assets/screenImg/commonImg/nomalBtn-Bg.png")
                  no-repeat;
                background-size: 100% 100%;
                cursor: pointer;
              }
              .btnActive {
                font-family: SourceHanSansMedium;
                color: #ffda3a;
                background: url("@/assets/screenImg/commonImg/activeBtn-Bg.png")
                  no-repeat;
                background-size: 100% 100%;
              }
            }
          }
          .lf-bottom-chart {
            width: 100%;
            height: calc(100% - 60px);
          }
        }
      }
      .dataScreen-ct {
        flex: 1;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        .ct-top,
        .ct-center,
        .ct-bottom {
          width: 100%;
        }
        .ct-top {
          flex: 1;
          display: flex;
          flex-direction: column;
          padding: 20px 10px 0;
          .father-item {
            width: 100%;
            height: 74px;
            margin-bottom: 25px;
            display: flex;
            align-items: center;
            .titleBox {
              width: 64px;
              height: 42px;
              margin-right: 5px;
              img {
                width: 100%;
                height: 100%;
              }
            }
            .childrenBox {
              flex: 1;
              display: flex;
              .child-item {
                &:first-child {
                  margin-right: 20px;
                }
                width: 45%;
                height: 74px;
                background: url("@/assets/screenImg/commonImg/sm-bg.png")
                  no-repeat;
                background-size: 100% 100%;
                display: flex;
                align-items: center;
                .item-img {
                  width: 60px;
                  height: 60px;
                  margin-right: 10px;
                  margin-left: 20px;
                  background: url("@/assets/screenImg/commonImg/blueRound.gif")
                    no-repeat;
                  background-size: 120% 120%;
                  background-position: center;
                  img {
                    width: 100%;
                    height: 100%;
                  }
                }
                .item-right {
                  flex: 1;
                  height: 60px;
                  display: flex;
                  justify-content: space-around;
                  flex-direction: column;
                  padding-top: 12px;
                  .right-name {
                    display: flex;
                    justify-content: start;
                    div:first-child {
                      font-weight: 600;
                      color: #edf4ff;
                      letter-spacing: 2px;
                      margin-right: 8px;
                    }
                    div:nth-child(2) {
                      font-size: 12px;
                      font-family: AlibabaPuHuiTi-Regular;
                      font-weight: 400;
                      img {
                        width: 8px;
                        height: 8px;
                        margin-top: 2px;
                        margin-right: 2px;
                        display: inline-block;
                        vertical-align: top;
                      }
                    }
                    .detailsBtn {
                      flex: 1;
                      text-align: right;
                      padding-right: 20px;
                      color: #36e3e3;
                      font-family: SourceHanSansMedium;
                      text-decoration: underline;
                      text-decoration-color: #36e3e3;
                      text-underline-offset: 6px;
                    }
                  }
                  .right-info {
                    display: flex;
                    position: relative;
                    .unit {
                      position: absolute;
                      left: 0;
                      top: 15px;
                      font-size: 14px;
                      padding-left: 5px;
                      color: #d3e3ff;
                      text-shadow: none;
                    }
                  }
                }
              }
            }
          }
        }
        .ct-middle {
          flex: 3;
          .ct-middle-cn {
            width: 100%;
            height: calc(100% - 80px);
            display: flex;
            .cn-item {
              flex: 1;
              display: flex;
              flex-direction: column;
              padding-left: 40px;
              .item-top,
              .item-pie-chart,
              .item-line-chart {
                width: 100%;
              }
              .item-top {
                height: 40px;
                .top-cn {
                  width: 80%;
                  height: 100%;
                  display: flex;
                  align-items: center;
                  padding-left: 20px;
                  line-height: 36px;
                  font-family: SourceHanSansMedium;
                  color: #cfd4db;
                  background: url("@/assets/screenImg/commonImg/HRBg.png")
                    no-repeat;
                  background-size: 100% 100%;
                  .moneyBox {
                    flex: 1;
                    position: relative;
                    .unitBox {
                      position: absolute;
                      left: 0;
                      top: -9px;
                    }
                  }
                }
              }
              .item-pie-chart {
                flex: 1;
              }
              .item-line-chart {
                height: 70px;
                .lineTitle {
                  margin-bottom: 10px;
                  font-family: SourceHanSansMedium;
                  color: #ffffff;
                  text-shadow: 0px 0px 8px #56caff;
                }
              }
            }
          }
        }
        .ct-bottom {
          flex: 2;
          .ct-bottom-cn {
            width: 100%;
            height: calc(100% - 90px);
            padding: 0 15px;
          }
        }
      }
      .dataScreen-rg {
        width: 477px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background: url("@/assets/screenImg/commonImg/rightBg.png") no-repeat;
        background-size: 100% 100%;
        .rg-top,
        .rg-bottom {
          width: 100%;
        }
        .rg-top {
          flex: 3;
          .rg-top-cn {
            width: 100%;
            height: calc(100% - 60px);
            padding: 0 20px;
            display: flex;
            flex-direction: column;
            .progressBox {
              flex: 2;
              .itemBox {
                width: 100%;
                height: 30px;
                line-height: 30px;
                &:first-child {
                  margin-bottom: 60px;
                }
                .itemTitle {
                  margin-bottom: 5px;
                  display: flex;
                  justify-content: space-between;
                  font-family: SourceHanSansMedium;
                  color: #ffffff;
                  text-shadow: 0px 0px 8px #56caff;
                  .nomalNumBox {
                    color: #00d5ff;
                  }
                }
                .numPerChartBox {
                  width: 100%;
                  height: 70px;
                }
              }
            }
            .percentBox {
              flex: 3;
              .titleBox {
                width: 235px;
                height: 33px;
                img {
                  width: 100%;
                  height: 100%;
                }
              }
              .percentChartBox {
                width: 100%;
                height: calc(100% - 33px);
              }
            }
          }
        }
        .rg-bottom {
          flex: 2;
          .rg-bottom-cn {
            width: 100%;
            height: calc(100% - 90px);
            padding-right: 20px;
          }
        }
      }
    }
  }
}
